*{
	margin: 0;
	padding: 0;
	outline: none;
	color: #FFFFff;
	list-style:none;
}
.scroll.up{
	visibility: visible;
    animation: up 1s 1;
    -o-animation: up 1s 1;
    -ms-animation: up 1s 1;
    -moz-animation: up 1s 1;
 	-webkit-animation: up 1s 1;
}  	
.scroll{
	visibility: hidden;
}
p{
	max-width: 50%;
	margin: 0 auto;
}
.content{
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	overflow: hidden;
	z-index: 99999;	
	width: 80%;
}
.opening h2,.skill h2,.information h2,.self h2{
	text-align: center;
	margin-top: 10em;	
}
.fix_nav{
	position:fixed;
	top: 35%;
	left: 5%;
	text-align: left;
	font-size: 30px;
	color: #FFFFFF;
	border-radius: 20px;
	line-height: 60px;
	box-shadow: 0 0px 20px gray;
	padding: 10px;
	overflow: hidden;
	z-index: 99999;	
}
.fix_nav li{
	cursor: pointer;
	list-style: none;
}
.fix_nav li:hover{
	transform: translateX(-73px);
	transition: 1s;
}
.fix_nav a{
	text-decoration: none;
	font-weight: bold;
}

.skill .row .col-4 p{
	margin: 0 auto;
	width: 50%;
	background: rgba(123,123,21,0.3);
	line-height: 36px;
}
.skill .row .col-4:hover{
	transform: translateY(-15px) scale(1.1,1.1) ;
	transition: 1s;
	
}
#b{
	margin-bottom: 130px;
}
.more{
	margin-top: 150px;
	font-size: 30px;
	cursor: pointer;
	margin-bottom: 50px;
}
.detail p{
	text-align: left;
}
.self{
	margin-bottom: 300px;
}
@media screen and (max-width: 680px){
	.fix_nav{
		display: none;
	}
}
